<template>
		<div class="add5">
			 <el-menu
			      default-active="2"
			      class="el-menu-vertical-demo"
			      @open="handleOpen"
			      @close="handleClose"
			      background-color="#545c64"
			      text-color="#fff"
			      active-text-color="#ffd04b">
			      <el-submenu index="1">
			        <template slot="title">
			          <i class="el-icon-discover"></i>
			          <span>热度图片</span>
			        </template>
			        <el-menu-item-group>
			          <el-menu-item index="1-1" ><router-link to="/admin/img">热度图片</router-link></el-menu-item>
			        </el-menu-item-group>
			      </el-submenu>
				  <el-submenu index="2">
				    <template slot="title">
				      <i class="el-icon-chicken"></i>
				      <span>类型管理</span>
				    </template>
				    <el-menu-item-group>
				      <el-menu-item index="2-1"><router-link to="/admin/type">一级类型</router-link></el-menu-item>
					  <el-menu-item index="2-2"><router-link to="/admin/type2">二级类型</router-link></el-menu-item>
				    </el-menu-item-group>
				  </el-submenu>
				  <el-submenu index="3">
				    <template slot="title">
				      <i class="el-icon-coin"></i>
				      <span>商品管理</span>
				    </template>
				    <el-menu-item-group>
				      <el-menu-item index="3-1"><router-link to="/admin/goods">商品列表</router-link></el-menu-item>
				    </el-menu-item-group>
				  </el-submenu>
				  <el-submenu index="4">
				    <template slot="title">
				      <i class="el-icon-user"></i>
				      <span>用户管理</span>
				    </template>
				    <el-menu-item-group>
				      <el-menu-item index="4-1">冻结密码重置</el-menu-item>
					  <el-menu-item index="4-2">管理员添加</el-menu-item>
				    </el-menu-item-group>
				  </el-submenu>
				  <el-submenu index="5">
				    <template slot="title">
				      <i class="el-icon-document"></i>
				      <span>订单管理</span>
				    </template>
				    <el-menu-item-group>
				      <el-menu-item index="5-1"><router-link to="/admin/order">订单详情</router-link></el-menu-item>
				    </el-menu-item-group>
				  </el-submenu>
				  <el-menu-item index="4">
						  <span slot="title">
							   <router-link to="/mobile/home">
								<i class="el-icon-house"></i>
							    App首页
							  </router-link>
							  </span>
				 </el-menu-item>
			    </el-menu>
		</div>
</template>

<script>
	export default {
		name:'AdminNavigation',
		methods: {
		      handleOpen(key, keyPath) {
		        console.log(key, keyPath);
		      },
		      handleClose(key, keyPath) {
		        console.log(key, keyPath);
		      }
		    }
	}
</script>

<style scoped>
	a{
		color: white;
	}
	.add5{
		width: 250px;
		background-color: #23262E;
		height: 90vh;
	}
</style>
